<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.role">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>角色管理</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>
</head>

<body>
  <!-- 角色管理 -->
  <div th:fragment="role">
    <div class="cd-popup3 role-pop role" id="roleModal">
      <div class="cd-popup-container3 manageModal roleStyle">
        <div class="modal-top"></div>
        <div class="modal-title">角色管理</div>
        <div class="role-content">
          <!-- <input type="text" class="roleSearch"><span class="btnStyle" id="roleSearchBtn">搜索</span> -->
          <!-- 导出、删除-->
          <div class="exportBox">
            <!-- 添加按钮-->
            <div class="addBtn addrole-trigger authorizeModifiable">添加</div>
            <!-- <span class="export">导出</span> -->
            <span class="delete authorizeModifiable" id="roleDelBtn"></span>
          </div>
        </div>
        <div class="tableModal">
          <!-- 角色列表-->
          <div class="roleList roleList_scroll">
            <!-- <span class="role0"><i class="stretchImg stretchImgStyle"></i><i class="text">全部</i></span> -->
            <ul class="_panel-box">
            </ul>
          </div>
          <!-- 角色列表中的各项内容-->
          <div class="roleItem">
            <div class="roleItemTitle">不太</div>
            <ul class="info">
              <li>
                <span>建立人：</span>
                <i></i>
              </li>
              <li>
                <span>建立时间：</span>
                <i></i>
              </li>
              <li>控制权限</li>
            </ul>
            <div class="JurisdictionBox">
              <div class="Jurisdiction Jurisdiction1 fl">
                <p>一级功能</p>
                <div class="Jurisdiction1_scroll">
                  <ul class="_panel-box">
                  </ul>
                </div>
              </div>
              <div class="Jurisdiction Jurisdiction2 fl">
                <p>二级功能</p>
                <div class="Jurisdiction2_scroll">
                  <ul class="_panel-box">
                  </ul>
                </div>
              </div>
            </div>
            <button class="btn btn-primary roleEditBtn editrole-trigger authorizeModifiable" style="margin: 25px 190px;background-color: #70abe1;border: none;"
              type="button">修改</button>
          </div>

        </div>
        <a href="javascript:;" class="cd-popup-close closeModal"></a>
      </div>
    </div>
    <!-- 微型消防站添加-->
    <div th:replace="main/role::addRole"></div>
    <script src="/configurationManage/js/role.js"></script>
  </div>
  <div th:fragment="addRole">
    <!-------------------------------------添加------------------------------>
    <!-- 角色添加模态框-->
    <div class="cd-popup3 addrole-pop addrolePopStyle addrole authorizeModifiable" id="addroleModal">
      <!-- style="display: block;visibility: visible" -->
      <div class="cd-popup-container3 addroleModal">
        <!--<div class="modal-title">账号修改</div>-->
        <form id="addroleForm">
          <div class="row mb24" style="width:100%;">
            <div class="col-xs-5">
              <span>角色名称 : </span>
            </div>
            <div class="col-xs-7">
              <input type="text" class="form-control notEmptyInput roleNameVal" name="roleName" autocomplete="off">

            </div>
          </div>
          <div class="row mb24" style="width:100%;">
            <div class="col-xs-5">
              <span>建立人 : </span>
            </div>
            <div class="col-xs-7">
              <input type="text" class="form-control notEmptyInput creator disabledStyle" name="creator" autocomplete="off"
                disabled>
            </div>
          </div>
          <div class="row mb24" style="width:100%;">
            <div class="col-xs-5">
              <span>建立时间 : </span>
            </div>
            <div class="col-xs-7">
              <!-- <input type="text" class="form-control" name="rolePeople" autocomplete="off"> -->
              <input autocomplete="off" class="form-control searchInputStyle date colorfff notEmptyInput disabledStyle creationTime"
                data-provide="datepicker" name="creationTime" type="text" data-bv-field="installationDate" disabled>
            </div>
          </div>
          <div class="row mb24" style="width:100%;">
            <div class="col-xs-5">
              <span>权限控制 : </span>
            </div>
          </div>
          <div class="row mb24 modifiable" style="width:100%;">
            <div class="col-xs-8">
              <input type="radio" name="modifiable" class="viewModifiable" checked value="1" />
              <span>可查看可修改</span>
            </div>
            <div class="col-xs-4">
              <input type="radio" name="modifiable" class="viewModifiable" value="0" />
              <span>仅查看</span>
            </div>
          </div>
          <!-- 权限功能列表 -->
          <div class="addPromiseBox">
            <div class="addPromise addPromise1 fl">
              <p>一级功能</p>
              <div class="addPromise_scroll">
                <ul class="_panel-box">
                  <li>
                    <input type="checkbox" myname="patrolManagement" />
                    <span>巡更管理</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="dailyManagement" />
                    <span>日常管理</span>
                  </li>
                  <li class="basicConfigurationBox">
                    <input type="checkbox" myname="basicConfiguration" />
                    <span>基础配置</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="dataStatistics" />
                    <span>数据统计</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="deviceStatistics" />
                    <span>设备统计</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="personnelStatistics" />
                    <span>人员统计</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="patrolStatistics" />
                    <span>巡更统计</span>
                  </li>
                  <!-- <li>
			                    		<input type="checkbox" myname="allDevices"/>
			                        	<span>所有设备</span>
			                        </li> -->
                  <li>
                    <input type="checkbox" myname="alarmUnprocessed" />
                    <span>未处理报警</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="keepWatch" />
                    <span>巡更</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="threeColor" />
                    <span>三色预警</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="keyUnit" />
                    <span>重点单位</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="houseMaster" />
                    <span>楼长制</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="subplatformList" />
                    <span>子平台列表</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="buildingDetection" />
                    <span>建筑检测</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="oilFumeDetection" />
                    <span>油烟检测</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="culturalRelicProtection" />
                    <span>文保</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="combinedAction" />
                    <span>协同作战</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="partyBuilding" />
                    <span>党建引领工作指导</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="highBuilding" />
                    <span>高层建筑</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="informationMaintenance" />
                    <span>信息维护</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="hbjd" />
                    <span>湖滨街道</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="xyjd" />
                    <span>小营街道</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="window" />
                    <span>其他</span>
                  </li>
                </ul>
              </div>


            </div>
            <div class="addPromise addPromise2 fl">
              <p>二级功能</p>
              <div class="renderPromise_scroll">
                <div class="_panel-box">
                  <ul class="dailyPromise none">
                    <li>
                      <span>巡更管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="patrolPoint" />
                      <span>巡更点位</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="patrolPersonnel" />
                      <span>巡更人员</span>
                    </li>
                  </ul>
                  <ul class="none">
                    <li>
                      <span>日常管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="unitException" />
                      <span>设备异常</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="alarmManagement" />
                      <span>报警管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="historicalInformation" />
                      <span>历史信息</span>
                    </li>
                  </ul>
                  <ul class="none">
                    <li>
                      <span>基础配置</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="deviceManagement" />
                      <span>设备管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="personnelManagement" />
                      <span>人员管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="accountManagement" />
                      <span>账号管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="fireStationManagement" />
                      <span>微型消防站管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="organizationManagement" />
                      <span>组织管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="roleManagement" />
                      <span>角色管理</span>
                    </li>
                  </ul>
                  <ul class="none">
                    <li>
                      <span>数据统计</span>
                    </li>
                  </ul>
                  <ul class="none">
                    <li>
                      <span>设备统计</span>
                    </li>
                  </ul>
                  <ul class="none">
                    <li>
                      <span>人员统计</span>
                    </li>
                  </ul>
                  <ul class="none">
                    <li>
                      <span>巡更统计</span>
                    </li>
                  </ul>
                  <ul class="none">
                    <li>
                      <span>未处理报警数</span>
                    </li>
                  </ul>
                  <ul class="none">
                    <li>
                      <span>巡更</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="addPromiseBtnBox">
            <button type="submit" class="btn btn-primary addroleBtn" style="background-color: #70abe1;border: none;">确定</button>
            <button type="button" class="btn btn-primary addroleBtn cd-popup-close1" style="background-color: #70abe1;border: none;">取消</button>
          </div>
        </form>

        <!-- 关闭 -->
        <!-- <a href="javascript:;" class="cd-popup-close closeModal"></a> -->

      </div>
    </div>

    <!-- 修改角色模态框-->
    <div class="cd-popup3 editrole-pop editrolePopStyle editrole authorizeModifiable" id="editroleModal">
      <div class="cd-popup-container3 editroleModal">
        <!--<div class="modal-title">角色修改</div>-->
        <form id="editroleForm">
          <div class="row mb24" style="width:100%;">
            <div class="col-xs-5">
              <span>角色名称 : </span>
            </div>
            <div class="col-xs-7">
              <input type="text" class="form-control roleNameVal notEmptyInput" name="roleName" autocomplete="off">
            </div>
          </div>
          <div class="row mb24" style="width:100%;">
            <div class="col-xs-5">
              <span>建立人 : </span>
            </div>
            <div class="col-xs-7">
              <input type="text" class="form-control creatorVal notEmptyInput disabledStyle" name="creator"
                autocomplete="off" disabled>
            </div>
          </div>
          <div class="row mb24" style="width:100%;">
            <div class="col-xs-5">
              <span>建立时间 : </span>
            </div>
            <div class="col-xs-7">
              <!-- <input type="text" class="form-control" name="rolePeople" autocomplete="off"> -->
              <input autocomplete="off" class="form-control searchInputStyle date colorfff creationTimeVal notEmptyInput disabledStyle"
                data-provide="datepicker" name="creationTime" type="text" data-bv-field="installationDate" disabled>
            </div>
          </div>
          <div class="row mb24" style="width:100%;">
            <div class="col-xs-5">
              <span>权限控制 : </span>
            </div>
          </div>
          <!--         <div class="row mb24" style="width:100%;">
          <div class="col-xs-8">
            <input type="checkbox"/>
            <span>可查看可修改</span>
          </div>
          <div class="col-xs-4">
            <input type="checkbox"/>
            <span>仅查看</span>
          </div>
        </div> -->

          <div class="row mb24 editViewModifiable" style="width:100%;">
            <div class="col-xs-8">
              <input type="radio" class="viewModifiable viewModifiable1" name="modifiable" value="1" />
              <span>可查看可修改</span>
            </div>
            <div class="col-xs-4">
              <input type="radio" class="viewModifiable viewModifiable2" name="modifiable" value="0" />
              <span>仅查看</span>
            </div>
          </div>
          <!-- 权限功能列表 -->
          <div class="editPromiseBox">
            <div class="editPromise editPromise1 fl">
              <p>一级功能</p>
              <div class="editPromise_scroll">
                <ul class="_panel-box">

                  <li>
                    <input type="checkbox" myname="patrolManagement" />
                    <span>巡更管理</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="dailyManagement" />
                    <span>日常管理</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="basicConfiguration" />
                    <span>基础配置</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="dataStatistics" />
                    <span>数据统计</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="deviceStatistics" />
                    <span>设备统计</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="personnelStatistics" />
                    <span>人员统计</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="patrolStatistics" />
                    <span>巡更统计</span>
                  </li>
                  <!-- <li>
                  <input type="checkbox" myname="allDevices"/>
                  <span>所有设备</span>
                </li> -->
                  <li>
                    <input type="checkbox" myname="alarmUnprocessed" />
                    <span>未处理报警</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="keepWatch" />
                    <span>巡更</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="threeColor" />
                    <span>三色预警</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="keyUnit" />
                    <span>重点单位</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="houseMaster" />
                    <span>楼长制</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="subplatformList" />
                    <span>子平台列表</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="buildingDetection" />
                    <span>建筑检测</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="oilFumeDetection" />
                    <span>油烟检测</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="culturalRelicProtection" />
                    <span>文保</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="combinedAction" />
                    <span>协同作战</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="partyBuilding" />
                    <span>党建引领工作指导</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="highBuilding" />
                    <span>高层建筑</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="informationMaintenance" />
                    <span>信息维护</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="hbjd" />
                    <span>湖滨街道</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="xyjd" />
                    <span>小营街道</span>
                  </li>
                  <li>
                    <input type="checkbox" myname="window" />
                    <span>其他</span>
                  </li>
                </ul>
              </div>


            </div>
            <div class="editPromise editPromise2 fl">
              <p>二级功能</p>
              <div class="renderPromise_scroll">
                <div class="_panel-box">
                  <ul class="dailyPromise">
                    <li>
                      <span>巡更管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="patrolPoint" class="patrolPointVal" />
                      <span>巡更点位</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="patrolPersonnel" class="patrolPersonnelVal" />
                      <span>巡更人员</span>
                    </li>
                  </ul>
                  <ul class="">
                    <li>
                      <span>日常管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="unitException" class="unitExceptionVal" />
                      <span>设备异常</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="alarmManagement" class="alarmManagementVal" />
                      <span>报警管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="historicalInformation" class="historicalInformationVal" />
                      <span>历史信息</span>
                    </li>
                  </ul>
                  <ul class="">
                    <li>
                      <span>基础配置</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="deviceManagement" class="deviceManagementVal" />
                      <span>设备管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="personnelManagement" class="personnelManagementVal" />
                      <span>人员管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="accountManagement" class="accountManagementVal" />
                      <span>账号管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="fireStationManagement" class="fireStationManagementVal" />
                      <span>微型消防站管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="organizationManagement" class="organizationManagementVal" />
                      <span>组织管理</span>
                    </li>
                    <li class="ml20">
                      <input type="checkbox" myname="roleManagement" class="roleManagementVal" />
                      <span>角色管理</span>
                    </li>
                  </ul>

                </div>
              </div>
            </div>
          </div>
          <div class="editPromiseBtnBox">
            <button type="submit" class="btn btn-primary editroleBtn" style="background-color: #70abe1;border: none;">确定</button>
            <button type="button" class="btn btn-primary editroleBtn cd-popup-close1" style="background-color: #70abe1;border: none;">取消</button>
          </div>
        </form>

        <!-- 关闭 -->
        <!-- <a href="javascript:;" class="cd-popup-close closeModal"></a> -->

      </div>
    </div>
  </div>
</body>

</html>